import { Descriptions } from "antd";
import { useParams } from "react-router-dom";
import { comDetail } from "./comDetail";
import "./index.less";
const ProductDetailPage = () => {
  const params = useParams();
  const com = params.product || "#";
  const coms = comDetail["product-GLS-B500"];
  return (
    <div className="product-detail-wrap">
      <div className="product-detail-title"> {coms.title}</div>
      <div className="product-detail-content">
        <div className="product-detail-content-left">
          <img src={coms.img} alt="img" />
        </div>
        <div className="product-detail-content-right">
          <Descriptions title="" bordered items={coms.cellData} />
        </div>
      </div>
      <div className="product-detail-title-bottom"> 详情信息</div>
      <div className="product-detail-content-bottom">
        {coms.contents.map((item) => {
          return <p>{item}</p>;
        })}
      </div>
    </div>
  );
};
export default ProductDetailPage;
